@use "sass:color";

$tts-base-unit: 16px !default; // 基准单位

$tts-main-color: #4AB8AC;

$tts-sub-sand: #C84D8F;
$tts-sub-mint: color.scale($tts-main-color, $lightness: 15%);

$tts-func-error: #FF7E7E;                   // 错误/紧急
$tts-func-warning: #FFB347;                 // 警告
$tts-func-success: $tts-main-color;         // 成功
$tts-func-info: #AEC6CF;                    // 通知信息

$tts-N1-color: #F7F8FA;
$tts-N2-color: #F2F3F5;
$tts-N3-color: #EBEDF0;
$tts-N4-color: #DCDEE0;
$tts-N5-color: #C8C9CC;
$tts-N6-color: #969799;
$tts-N7-color: #646566;
$tts-N8-color: #323233;

$tts-B-color: #000000;
$tts-W-color: #FFFFFF;

$tts-header-z-index: 80;
$tts-tabBar-z-index: 90;

$tts-border-line: $tts-N3-color;

$tts-text-white: #FFFFFF;           // 反白文字
$tts-text-main: $tts-N8-color;      // 主要文字颜色
$tts-text-assist: $tts-N6-color;    // 辅助文字颜色
$tts-text-disabled: $tts-N5-color;  // 禁用状态文字颜色
$tts-text-placeholder: $tts-N5-color;

$tts-bg-placeholder: $tts-N2-color;
$tts-bg-disabled: $tts-N2-color;                  // 禁用状态背景

// 全向间距 (padding/margin通用)
$tts-space-a-xs: $tts-base-unit * 0.5;  // 4px - 元素内部微间距
$tts-space-a-sm: $tts-base-unit;        // 8px - 卡片内边距
$tts-space-a-md: $tts-base-unit * 2;    // 16px - 模块间隔
$tts-space-a-lg: $tts-base-unit * 3;    // 24px - 区块间隔
$tts-space-a-xl: $tts-base-unit * 4;    // 32px - 页面边距

// 单向间距 (特殊场景)
$tts-space-x-md: 0 $tts-space-a-md;     // 水平16px
$tts-space-y-lg: $tts-space-a-lg 0;     // 垂直24px

$tts-font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Helvetica, Segoe UI,Arial, Roboto,'PingFang SC', 'Hiragino Sans GB', 'Microsoft Yahei', sans-serif;

@mixin safe-area-inset-bottom {
    &.safe-area-inset-bottom {
        padding-bottom: constant(safe-area-inset-bottom);
        padding-bottom: env(safe-area-inset-bottom);
    }
}
